<!-- watch是用来监视数据的变化
vue3中的watch只能监视以下四种数据：
ref定义的数据
reactive定义的数据
函数返回的一个值（一个getter函数）
一个包含上述内容的数组 -->

<!--情况一：监视ref定义的基本类型数据：直接写数据名即可
监视的是其value值的改变-->
<!--监视语法：watch(要监视的数据,回调函数)-->

<template>
    <div>
        <h3>要监视的数据：{{  }}</h3>
        <button >点我sum自增1</button>
    </div>
</template>

<script setup lang="ts" name = "watch01">

</script>

<style>

</style>